for 迴圈是 JavaScript 中最常見的重複執行語句之一。
當條件為 true 時,迴圈會一再執行相同的程式區塊。
for (初始化; 條件判斷; 更新) {
// 要重複執行的程式碼
}
區塊 | 說明 |
---|---|
初始化 (Initialization) | 設定起始值,只執行一次。 |
條件判斷 (Condition) | 每次執行前檢查是否為 true ,若為 false 則停止。 |
更新 (Update) | 每次執行完後更新變數值。 |
for (let i = 1; i <= 5; i++) {
console.log("第 " + i + " 次執行");
}
第 1 次執行
第 2 次執行
第 3 次執行
第 4 次執行
第 5 次執行
for (let i = 5; i > 0; i--) {
console.log("倒數:" + i);
}
倒數:5
倒數:4
倒數:3
倒數:2
倒數:1
for (let i = 1; i <= 10; i++) {
if (i % 2 === 0) {
console.log(i + " 是偶數");
}
}
2 是偶數
4 是偶數
6 是偶數
8 是偶數
10 是偶數
break:提前結束整個迴圈
for (let i = 1; i <= 10; i++) {
if (i === 5) break;
console.log(i);
}
1
2
3
4
continue:跳過當次迴圈,繼續下一次
for (let i = 1; i <= 5; i++) {
if (i === 3) continue;
console.log(i);
}
1
2
4
5
let sum = 0;
for (let i = 1; i <= 5; i++) {
sum += i;
}
console.log("總和是:" + sum);
總和是:15
重點 | 說明 |
---|---|
for |
用於重複執行程式碼 |
三大部分 | 初始化、條件判斷、更新 |
可搭配 | break 、continue 控制流程 |
適合用於 | 已知執行次數的情況 |